/* css for standard input forms - new user, new project etc. */
.inputform {
	border-collapse: collapse;
	background-color: white;
	text-align: left;
}

.inputform hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 10px;
}

.separatorrow {
	height: 30px;
	font-size: 16px;
	color: #405966;
}

.labelcell {
	background-color: #80B2CC;
	padding: 10px;
	font-size: 16px;
	color: white;
}

.formcell {
	background-color: #DFE4E7;
	padding: 5px;
}

.tberror {
	background-color: #FFFFCC;
}

.tbnormal {
	background-color: #FFFFFF;
}

body {
	margin: 0;
	padding: 2em;
	background: white;
	color: #666;
	font: 75%/1.33 Verdana, sans-serif;
	text-align: left;
}

/* css for standard input forms - new user, new project etc. */

/* css for datagrid views (customers, projects, tasks etc.) */
table.datagrid {
	width: 100%;
	border-collapse: collapse;
	border-width: thin;
	border-style: solid;
	border-color: #D9E8F0;
}

.datagrid.headerlabelcell {
	background-color: #80B2CC;
	padding: 5px;
	font-size: 14px;
	color: white;
	width: 150px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
}

.datagrid.headerformcell {
	background-color: white;
	padding: 5px;
	font-size: 14px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #EEEEEE;
	border-bottom-style: solid;
}

.datagrid th,th a {
	background-color: #80B2CC;
	color: white;
	text-decoration: none;
	padding: .5em;
	text-align: center;
}

.datagrid th a:hover {
	background-color: #80B2CC;
	color: #172025;
	text-decoration: none;
	color: white;
	padding: .5em;
	text-align: center;
}

.datagrid.evenrow {
	background-color: white;
	padding: .5em;
	text-align: center;
}

.datagrid.oddrow {
	background-color: #E6F0F5;
	padding: .5em;
	text-align: center;
}

.datagrid.totalsrow {
	background-color: #FFFFCC;
	padding: .5em;
	text-align: center;
}

.datagrid.shownewitem {
	background-color: #E0FFE0;
	padding: .5em;
	text-align: center;
}

.datagrid.hidenewitem {
	display: none;
}

.datagrid.headerrow {
	background-color: #E6F0F5;
	padding: .5em;
	text-align: center;
}

.datagrid.footer td,td a {
	background-color: #80B2CC;
	color: #172025;
	text-decoration: none;
	padding: .5em;
	text-align: right;
	height: 38px;
}

.datagrid.footer td,td a:hover {
	background-color: #80B2CC;
	color: white;
	text-decoration: none;
	padding: .5em;
	text-align: right;
	height: 38px;
}

/* end of css for datagrid views */

/* css for the navigation */
#heading {
	height: 80px;
}

.menubar {
	height: 40px;
	z-index: 99;
	position: relative;
	width: 100%;
	background-color: #80B2CC;
}

.menu {
	padding: 0;
	margin: 0;
	position: absolute;
}

.menu li {
	height: auto;
	width: 120px;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 12px;
}

.menu a:hover {
	background-color: #4D6B7A;
}

.menu li:hover,a:hover {
	background-color: #4D6B7A;
	color: white;
}

/*hide dropdown list items list item */
.menu li ul {
	display: none;
	height: auto;
	margin: 0;
	padding: 0;
}

/*display the dropdown list items on hover*/
.menu li:hover ul {
	display: block;
}

.menu li ul li {
	background-color: #4D6B7A;
	border-width: 12px;
	border-color: black;
}

.menu li ul li a:hover {
	background-color: #80B2CC;
	color: #172025;
}

/* end of css for the navigation */

/* css for the calendar control */
table.calendarcontrol {
	background-color: #E6F0F5;
	color: #172025;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #80B2CC;
}

.calendarcontrol a {
	background-color: #E6F0F5;
	color: #172025;
}

.calendarcontrol th {
	text-align: center;
}

.calendarcontrol a:hover {
	background-color: #4D6B7A;
	color: white;
}
/* end of css for the calendar control */

/* stlyes for the timesheet periods */
.day {
	border-color: #C1C1C1;
	border-width: 1px;
}

.day1 {
	visibility: hidden;
}

.day1Cell {
	background-color: transparent;
	border-color: #C1C1C1;
	padding: 3px;
}

.day2Cell {
	background-color: #E0FFE0;
	border-color: #C1C1C1;
	padding: 3px;
}

.day3Cell {
	background-color: #D1F0FF;
	border-color: #C1C1C1;
	padding: 3px;
}

.week {
	border-color: #C1C1C1;
	border-width: 1px;
}

.week0 {
	background-color: #FFB2B2;
}

.week1 {
	background-color: transparent;
}

.week1Cell {
	background-color: #FFB2B2;
	padding: 3px;
}

.week0Cell {
	background-color: transparent;
	padding: 3px;
}

/* stlyes for the timesheet periods */

/* styles for timesheet */
/*-----totals row */
.tstotalover8 {
	color: red;
	background-color: #F7F7F7;
	font-weight: normal;
	border-width: thin;
	border-style: solid;
	border-color: #D9E8F0;
}

.tstotalover24 {
	color: black;
	background-color: #FF9999;
	font-weight: normal;
	border-width: thin;
	border-style: solid;
	border-color: #D9E8F0;
}
.tsheaderlabelcell {
	background-color: #80B2CC;
	padding: 5px;
	font-size: 16px;
	color: white;
	width: 150px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
}

.tsheaderformcell {
	background-color: white;
	padding: 5px;
	font-size: 16px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
	border-bottom-style: solid;
}

.tstotalnormal {
	color: black;
	background-color: #F7F7F7;
	font-weight: normal;
	border-width: thin;
	border-style: solid;
	border-color: #D9E8F0;
}

/*-----totals row */
/*-----styles for working/non working/blocked days*/
.tstdworking .tstdblocked {
	width: 5%;
}

.tstdnonworking {
	background-color: #EEEEEE;
	width: 5%;
}

.tsffblocked {
	visibility: hidden;
}

.tsffworking,.tsffnonworking {
	text-align: center;
}

/*-----styles for working/non working/blocked days*/
/* styles for timesheet */

/* styles for dashboard page (home) */
.dashboard {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-collapse: collapse;
	width: 80%;
}

.dashboardth {
	padding: 1px;
	background-color: #80B2CC;
	padding: 0px;
	height: 40px;
	width: 50%;
	text-align: center;
	font-size: 16px;
	color: white;
}

.dashboardtd {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #80B2CC;
	background-color: white;
	padding: 0px;
	height: 300px;
	width: 50%;
	text-align: center;
}
/* styles for dashboard page (home) */

/* styles for gannt chart report */
table.ganntchart {
	width: 100%;
	border-collapse: collapse;
	border-width: thin;
	border-style: solid;
	border-color: #D9E8F0;
	padding: 0px;
}

.ganntbar {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	height: 30px;
	white-space: nowrap;
}
/* portion of a task completed - when task not overdue */
.progress {
	background-color: #5C85AD;
	padding: 0px;
}

/* portion of a task not completed */
.remaining {
	background-color: #BECEDE;
	padding: 0px;
}
/* bit before the start and end of a task */
.ganntspacer {
	padding: 0px;
	border: none;
	background-color: transparent;
	height: 30px;
}

.ganntchart th {
	background-color: #80B2CC;
	color: #172025;
	text-decoration: none;
	padding: .5em;
	text-align: center;
}

.ganntcharttitle {
	color: #172025;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}
/* styles for gannt chart report */

/* styles for tabular repoorts */
.tabularreport {
	background-color: white;
	color: #303030;
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
}

.tabularreport th {
	text-align: left;
	background-color: #BBBBBB;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	height: 30px;
}

.subtotalsrow {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #333333;
	border-right: none;
	border-left: none;
	border-top: none;
	text-align: left;
}

.overbudget {
	color: red;
}

.tabreporttotal {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #333333;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: #333333;
	border-right: none;
	border-left: none;
	text-align: left;
	font-size: 18px;
	border-top-width: 3px;
	border-top-color: #333333;
}

.tabularreport td {
	padding: 5px;
	text-align: left;
}

/* styles for tabular repoorts */
/* styles for page footer */
.pagefooter {
	padding-top: 30px;
	text-align: left;
}

.pagefooter a,a:hover {
	background-color: white;
}

/* styles for page footer */